<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付成功页面</title>
    <link rel="stylesheet" href="../../publics/front-stage/less_j/paysuccess.css">
    <script src="../../publics/front-stage/js/axios.js"></script>
    <link rel="stylesheet" href="/publics/front-stage/less_j/nav.css">
</head>
<body>

    <p style="display: none;">{{allonevip}}</p>

    {{include './nav.html'}}


    <p id="userIdmessage" style="display: none;">{{userinfo.userId}}</p>

    
    <div id="result" style="display: none;">
    
    </div>
    <div style="width: 100%;height: 70px;background-color: #e6e6e6">
        <p>
            <img style="width: 50px;height: 50px;margin-top: 10px;margin-left: 20px;"
                src="../../publics/front-stage/img/payment successful.png">
            <span style="position: relative;top: -15px;font-size: 1.2em;margin-left: 1%;">支付成功</span>
        </p>
    </div>
    <div id="paysuccessContain">
      
        <div>
            <ul style="list-style: none;width: 100%;height: 100%;float: left;">
                <li>
                    <p>商品订单号:<span id="payNo" style="color: #ff5f00;"></span></p>
                    <p>支付金额:<span id="nowPrice" style="color: #ff5f00;"></span></p>
                    <p>商品名称:<span id="goodsName" style="color: #ff5f00;"></span></p>
                    <p>支付人:<span id="userName" style="color: #ff5f00;"></span></p>
                    <!-- <p>支付订单:<span id="payNo" style="color: #ff5f00;">E-190605200110000000</span></p> -->
                    <p>支付方式:<span  style="color: #ff5f00;">支付宝支付</span></p>
                    <p>购买时间:<span id="payTime" style="color: #ff5f00;"></span></p>
                    <p>商品介绍:<span id="introduction" style="color: #ff5f00;"></span></p>
                    <p>客服电话:<span style="color: #ff5f00;">1393255632</span></p>
                    <p>若有疑问请与客服联系，我们将尽快为您提供服务。</p>
                    <p id="payVipOrderId" style="display: none;">商品id</p>
                    <p id="userId" style="display: none;">用户id</p>
                </li>
                <li style="float: right;margin-top: 2%;margin-right: 10%;">
                    <img src="../../publics/front-stage/img/smile.png" style="width: 200px;height: 200px;">
                    <b><p style="margin-left: 12%;">感谢下次光临!</p></b>
                </li>
                <li class="tclis" style="display: none;">
                    <h3>其他套餐</h3>
                    <p>
                        <span><button class="sx">1</button></span>
                        <span class="tctype">连续包年</span>
                        <span>218.00(次年续费218元)</span>
                        <span><button class="gobtn">去充值</button></span>
                    </p>
                    <p>
                        <span><button  class="sx">1</button></span>
                        <span class="tctype">连续包季</span>
                        <span>35.00(次季续费58元)</span>
                        <span><button class="gobtn">去充值</button></span>
                    </p>
                    <p>
                        <span><button  class="sx">1</button></span>
                        <span class="tctype">连续包月</span>
                        <span>12.00(次月续费19元)</span>
                        <span><button class="gobtn">去充值</button></span>
                    </p>
                    <p>
                        <span><button  class="sx">1</button></span>
                        <span class="tctype">12个月</span>
                        <span>248.00</span>
                        <span><button class="gobtn">去充值</button></span>
                    </p>
                    <p>
                        <span><button  class="sx">1</button></span>
                        <span class="tctype">3个月</span>
                        <span>68.00</span>
                        <span><button class="gobtn">去充值</button></span>
                    </p>
                    <p>
                        <span><button  class="sx">1</button></span>
                        <span class="tctype">1个月</span>
                        <span>25.00</span>
                        <span><button class="gobtn">去充值</button></span>
                    </p>
                </li>
            </ul>
        </div>
    </div>

    <div id="acctention">
        <div style="position: relative;height: 40px;width: 100%;background-color: #ff5f00;color: white;font-size: 1.2em;">
            <spna style="text-align: center ;top: 8px;position: absolute;left: 50%;transform: translateX(-50%);">购买须知</spna>
        </div>
        <div>
            <div>
                <ul>
                    <li class="litop"><button>详情请电话联系</button></li>
                    <li class="libottom">
                        您有什么问题不明白的可以联系我们的在线客服，或拨打客服电话:13939255632
                        我们竭尽全力为您答疑解惑。
                    </li>
                </ul>
            </div>
            <div>
                <ul>
                    <li class="litop"><button>下单说明</button></li>
                    <li class="libottom">
                        请您在下单时一定要确认自己选购的套餐
                        如有订购特殊要求或者套餐未及时到达，请一定联系在线客服拜托啦!!!。
                    </li>
                </ul>
            </div>
            <div>
                <ul>
                    <li class="litop"><button>下单成功</button></li>
                    <li class="libottom">
                        您买下套餐后并付款，我们将核实您的基本信息后3分钟内到达账号，
                        详情可以联系客服或电话咨询
                    </li>
                </ul>
            </div>
        </div>
    
       
    </div>

    <div id="moreServer" >
        <h3 style="display: none;">其他服务</h3>
        <div id="moreallserver" style="display: none;">
            <!-- 其他服务轮播图 -->
                <div id="hhh" style="overflow: hidden;display: none;">
                    <div style="  border-radius: 20px;  background-color: #ff5f00;">
                        <p style="margin-top: 10%;color: white;text-align: center;">
                            连续包年
                        </p>
                        <p style="text-align: center;margin-top: 10%;">
                            <span style="color: white;font-size: 1.1em;">
                                ¥218.00
                            </span>
                        </p>
                        <span style="color: white;margin-top: 10%;">
                            <button
                                style="width: 70%;background-color: #fff;color: #ff5f00;margin-top: 10%;margin-left: 20%;height: 20%;border-radius: 10px;border: none;outline: none;border: 1px solid #582f1d;">
                                次年续费218元
                            </button>
                        </span>
                    </div>
                    <div style="border-radius: 20px;  background-color: #ff5f00;">
                        <p style="margin-top: 10%;color: white;text-align: center;">
                            连续包季
                        </p>
                        <p style="text-align: center;margin-top: 10%;">
                            <span style="color: white;font-size: 1.1em;">
                                ¥35.00
                            </span>
                        </p>
                        <span style="color: white;margin-top: 10%;">
                            <button
                                style="width: 70%;margin-top: 10%;margin-left: 20%;height: 20%;border-radius: 10px;color: #ff5f00;border: none;outline: none;">
                                次季续费58元
                            </button>
                        </span>
                    </div>
                    <div style="border-radius: 20px;  background-color: #ff5f00;"  >
                        <p style="margin-top: 10%;color:white;text-align: center;">
                            连续包月
                        </p>
                        <p style="text-align: center;margin-top: 10%;">
                            <span style="color: white;font-size: 1.1em;">
                                ¥12.00
                            </span>
                        </p>
                        <span style="color: white;margin-top: 10%;">
                            <button
                                style="width: 70%;margin-top: 10%;margin-left: 20%;height: 20%;border-radius: 10px;color: #ff5f00;border: none;outline: none;">
                                次月续费19元
                            </button>
                        </span>
                    </div>
                </div>

            <!--写一个轮播图-->
        </div>
        <div id="goout" style="width: 90%;height: 87%;margin-left: 2%;">
            <p style="text-align: center;">您已成功购买套餐，请进行选择接下来的服务！</p>
            <p style="margin-top: 5%;margin-left: 15%;">
                <button id="gooutbtn" style="margin-left: 26%;">退出登录</button>
                <button class="gomoreserver" style="width: 10%;border: 1px solid #ff5f00 ;color: #ff5f00;">
                    <a href="/index"  style="text-decoration: none;color: #ff5f00;">返回首页</a>
                </button>
            </p>
        </div>
    </div>
    <p style="text-align: center;height: 100px;width: 100%;margin-top: 80px;">
        
        
        <span>请购买之后可阅读</span>
        
        <span style="color: #ff5f00;"><<聚好看购买须知手册>></span>

    </p>
   
</body>
<script src="../../publics/front-stage/js/paysuccess.js"></script>
<script src="../../publics/front-stage/js/nav.js"></script>
</html>